import React, { useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
import './index.css';
import { resourcePath } from '../../../../../../utils/resource';
import Diztj from './Diztj';
import BarA from '../BarA';

export default function LiFoot() {
    return <div className="li-foo" style={{
        // height:150
    }}>
        <ul style={{ width: '100%' }}>
            <li className="two">
                <div className="title4">
                <div style={{
                        background: `url(${resourcePath.blockTitleBg})`,
                        height: 45,
                        backgroundSize: '100% 100%',
                        fontSize: 18,
                        lineHeight: '36px',
                        paddingLeft: 12,
                        fontWeight: "bold"
                    }}>
                        气象统计
                    </div>
                </div>
                <div className='weather'>
                    <div>
                        <h4>气象站数量&nbsp;&nbsp;&nbsp;</h4>
                        <span>0个</span><br />
                        <input type="text" />
                    </div>
                    <div>
                        <h4>气象灾害种类</h4>
                        <span>0个</span><br />
                        <input type="text" />
                    </div>
                </div>
            </li>


            <li className="two">
                <div className="title4">
                <div style={{
                        background: `url(${resourcePath.blockTitleBg})`,
                        height: 45,
                        backgroundSize: '100% 100%',
                        fontSize: 18,
                        lineHeight: '36px',
                        paddingLeft: 12,
                        fontWeight: "bold"
                    }}>
                        地质灾害统计
                    </div>
                    <Diztj />
                </div>
            </li>




            <li className="two">
                <div className="title4">
                <div style={{
                        background: `url(${resourcePath.blockTitleBg})`,
                        height: 45,
                        backgroundSize: '100% 100%',
                        fontSize: 18,
                        lineHeight: '36px',
                        paddingLeft: 12,
                        fontWeight: "bold"
                    }}>
                        应急救援统计
                    </div>
                </div>
                <BarA />
            </li>
        </ul>
    </div>

};